<!DOCTYPE html>
<html>
<head>
	<title>模态框</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body>
	<!-- role="dialog"增强访问性 -->
	<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModallable" aira-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
						<span aria-hidden="true">&times;</span>
					</button>
					<h4 class="modal-title" id="myModallable">
						Modal title
					</h4>
				</div>
				<div class="modal-body">
					content
				</div>
				<div class="modal-footer">
					<button class="btn btn-default" type="button" data-dismiss="modal">Close</button>
					<button class="btn btn-primary">Save</button> 		
				</div>
			</div>
		</div>
	</div>

<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript">
	var omyModal=document.getElementById('myModal');
	$(omyModal).modal("show");
</script>	
</body>
</html>